<template>
  <div id="">
    <headerbox :headerTitle="'详情'" :hasBack='true'></headerbox>
    <playActy :acty="acty" class="mb10"></playActy>
    <div class="p10 bgWhite">
      <noneList v-if="acty.comments.length==0" :noneTxt="'暂无好友评论~'"></noneList>
      <messageCon v-else v-for="msglist in acty.comments" :key="msglist.key" :msglist="msglist"></messageCon>
    </div>
    <!-- <footerNav></footerNav> -->
    <replyButtom :replyTip="'说点什么吧...'" :articleId="acty.id" :replyId="' '"></replyButtom>
  </div>
</template>
<script>
import {circleArticleInfo} from '@/utils/ajaxRequest.js';
export default {
  name: "",
  data: () => ({
    acty:{
      author:{
        headPortrait:'',
        nickName:'',
      },
      classify:{
        classifyName:'',
      },
      comments:[],
      showImg:'',
    },
  }),
  components: {
    playActy:()=>import('@/pages/playCircle/playActy/playActy'),
    messageCon:()=>import('./template/messageCon'),
    replyButtom:()=>import('./template/replyButtom'),
    noneList:()=>import('@/components/noneList/noneList'),
  },
  methods: {
    methodName() {

    }
  },
  mounted() {
    //do something after mounting vue instance
    let self = this;
    let xlyd_loginInfo = JSON.parse(window.localStorage.getItem('xlyd_loginInfo'));
    let articleId = self.$route.query.articleId;
    console.log(articleId);
    let articleParam = {
      articleId:articleId,
      token:xlyd_loginInfo.token
    }
    circleArticleInfo(articleParam).then(res=>{
      console.log(res);
      if(res) {
        self.acty = res.data.result;
      }
    })
  }
}
</script>
<style lang="scss" scoped>
</style>
